<template>
  <div class="info-container">
    <van-cell-group>
      <van-field
        v-model="state.formData.gddz"
        name="gdms"
        label="文件期号"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="文件名称"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="预报时段"
        label-align="top"
      />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="发布单位"
        label-align="top"
      />
      <van-field v-model="state.formData.gdms" name="bz" label="类型" label-align="top" />
      <van-field
        v-model="state.formData.gdms"
        name="bz"
        label="发布时间"
        label-align="top"
      />
      <van-field v-model="state.formData.gdms" name="bz" label="摘要" label-align="top" />
    </van-cell-group>
  </div>
</template>

<script setup>
import { reactive, onMounted } from "vue";
const state = reactive({
  checked: false,
  formData: {},
});
</script>

<style lang="less" scoped>
.info-container {
  height: 100%;
  background: #fff;
}
</style>
